<!DOCTYPE html>
<html class="x-admin-sm" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>欢迎页面</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="./css/font.css" th:href="@{/css/font.css}">
    <link rel="stylesheet" href="./css/xadmin.css" th:href="@{/css/xadmin.css}">
    <script src="./lib/layui/layui.js" th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js" th:src="@{/js/xadmin.js}"></script>
</head>
<body>
<!-- 顶部开始 -->
<div th:replace="~{common/common::top}"></div>
<!-- 顶部结束 -->
<!-- 左侧菜单开始 -->
<div th:replace="~{common/common::side}"></div>
<!-- 左侧菜单结束 -->
<div class="page-content">
    <div class="layui-carousel" id="test1">
        <div carousel-item>
            <div><img src="" th:src="@{/images/hongjiu-001.jpg}" style="width: 1500px;height: 700px"></div>
            <div><img src="" th:src="@{/images/hongjiu-002.jpg}" style="width: 1500px;height: 700px"></div>
            <div><img src="" th:src="@{/images/hongjiu-003.jpg}" style="width: 1500px;height: 700px"></div>
        </div>
    </div>
</div>
</body>
<script>
    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#test1'
            ,width: '100%' //设置容器宽度
            ,height: '100%'   //设置容器高度
            ,arrow: 'always' //始终显示箭头
            ,autoplay: true  //开启自动切面
            ,interval: 5000
        });
    });

    layui.use('layer', function(){
        var layer = layui.layer;

        layer.msg('欢迎进入红酒管理系统!');
    });
</script>
</html>